<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <title>首页</title>
    <link rel="stylesheet" href="CSS/base.css"/>
    <link rel="stylesheet" href="CSS/index.css"/>
    <script src="index.js"></script>
    <script src="Jquery/jquery-1.11.1.min.js"></script>

</head>
<body>
<!--大盒子-->
<div class="jd_layout">
<!--搜索栏区域-->
 <header class="jd_header">
   <div class="jd_header_box">
    <a href="#" class="icon_logo"></a>
     <form action="#">
      <span class="icon_search"></span>
       <input type="search" placeholder="提示"/>
     </form>
    <a href="#" class="login">登录</a>
   </div>
 </header>
<!--/搜索栏区域-->
<!--轮播图区域-->
 <div class="jd_banner" id="slide">
    <ul>
     <li><img src="l1.jpg" alt=""/></li>
     <li><img src="l2.jpg" alt=""/></li>
     <li><img src="l3.jpg" alt=""/></li>
     <li><img src="l4.jpg" alt=""/></li>
     <li><img src="l5.jpg" alt=""/></li>
     <li><img src="l6.jpg" alt=""/></li>
     <li><img src="l7.jpg" alt=""/></li>
     <li><img src="l8.jpg" alt=""/></li>
   </ul>
   <ul>
     <li></li>
     <li></li>
     <li></li>
     <li></li>
     <li></li>
     <li></li>
     <li></li>
     <li></li>
      </ul>
 </div>
<!--/轮播图区域-->
<!--导航栏-->
 <nav class="jd_nav">
  <ul>
     <li>
      <a href="">
        <img src="nav0.png" alt=""/>
        <p>分类查询</p>
      </a>
     </li>
     <li>
      <a href="">
        <img src="nav1.png" alt=""/>
         <p>物流查询</p>
       </a>
     </li>
     <li>
       <a href="">
         <img src="nav2.png" alt=""/>
         <p>购物车</p>
       </a>
     </li>
     <li>
       <a href="">
         <img src="nav3.png" alt=""/>
         <p>我的京东</p>
       </a>
     </li>
     <li>
       <a href="">
         <img src="nav4.png" alt=""/>
         <p>充值</p>
       </a>
     </li>
     <li>
       <a href="">
         <img src="nav5.png" alt=""/>
          <p>领券中心</p>
        </a>
      </li>
      <li>
        <a href="">
          <img src="nav6.png" alt=""/>
            <p>京东超市</p>
        </a>
       </li>
       <li>
        <a href="">
          <img src="nav7.png" alt=""/>
          <p>我的关注</p>
        </a>
        </li>
    </ul>
 </nav>
<!--/导航栏-->
<!--商品区块-->
 <main class="jd_product">
  <section class="jd_product_box jd_secondKill">
    <div class="product_top no_bor">
       <div class="jd_secondKill_left">
          <span class="sk_icon"></span>
            <h4 class="sk_name">掌上秒杀</h4>
               <div class="sk_time">
                 <span class="num">0</span>
                 <span class="num">0</span>
                 <span class="str">:</span>
                 <span class="num">0</span>
                 <span class="num">0</span>
                 <span class="str">:</span>
                 <span class="num">0</span>
                 <span class="num">0</span>
                </div>
       </div>
           <div class="jd_secondKill_right">
               <a href="">更多></a>
           </div>
     </div>
                <!--三个商品-->
     <div class="product_bot">
       <ul class="clearfix">
         <li>
            <a href="">
               <div class="img_box"><img src="detail02.jpg" alt=""/></div>
                  <p class="now_price">&yen;20.00</p>
                 <p class="old_price">&yen;200.00</p>
            </a>
          </li>
          <li>
            <a href="">
              <div class="img_box"><img src="detail02.jpg" alt=""/></div>
                 <p class="now_price">&yen;20.00</p>
                 <p class="old_price">&yen;200.00</p>
            </a>
          </li>
          <li>
              <a href="">
               <div class="img_box"><img src="detail02.jpg" alt=""/></div>
                  <p class="now_price">&yen;20.00</p>
                  <p class="old_price">&yen;200.00</p>
               </a>
           </li>
       </ul>
     </div>
  </section>
            <!---->
  <section class="jd_product_box jd_pd">
    <div class="product_top">
      <h3>超值购</h3>
    </div>
    <div class="product_bot clearfix">
      <a href="" class="p_left b_right"><img src="images/cp1.jpg" alt=""/></a>
      <a href="" class="p_right b_bottom"><img src="images/cp2.jpg" alt=""/></a>
      <a href="" class="p_right"><img src="images/cp3.jpg" alt=""/></a>
    </div>
  </section>
            <!----> 
  <section class="jd_product_box jd_pd">
      <div class="product_top">
         <h3>热门活动</h3>
      </div>
      <div class="product_bot clearfix">
         <a href="" class="p_right b_left"><img src="images/cp4.jpg" alt=""/></a>
         <a href="" class="p_left b_bottom"><img src="images/cp5.jpg" alt=""/></a>
          <a href="" class="p_left"><img src="images/cp6.jpg" alt=""/></a>
       </div>
    </section>
</main>
<!--/商品区块-->
</div>
<!--/大盒子-->
</body>

</html>